home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle051104.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-04-28  |  20.8 KB  |  1,461 lines

  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1    {
  52.     margin: 0 0 15px 0;
  53.     padding: 0;
  54.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  55.     color: #000;
  56.     }
  57.     
  58. h2    {
  59.     margin: 0 0 5px 0;
  60.     padding: 0;
  61.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. p + h2 {
  66.     margin: 20px 0 5px 0;
  67.     }
  68.  
  69. ol + h2 {
  70.     margin: 20px 0 5px 0;
  71.     }
  72.  
  73. ul + h2 {
  74.     margin: 20px 0 5px 0;
  75.     }
  76.  
  77. h3    {
  78.     margin: 0;
  79.     padding: 0;
  80.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  81.     color: #000;
  82.     }
  83.  
  84. h3 + table {
  85.     margin: 5px 0 0 0;
  86.     }
  87.     
  88. h4    {
  89.     margin: 0;
  90.     padding: 0;
  91.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  92.     color: #666;
  93.     /*text-decoration: underline;*/
  94.     }
  95.     
  96. h3 + h4 {
  97.     margin: 10px 0 0;
  98.     }
  99.  
  100. h6    {
  101.     margin: 0;
  102.     padding: 0;
  103.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  104.     color: #000;
  105.     }
  106.  
  107. p    {
  108.     margin: 0 0 10px 0;
  109.     padding: 0;
  110.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  111.     color: #000;
  112.     }
  113.     
  114. th {
  115.     font-weight: bold;
  116.     text-align: left;
  117.     vertical-align: top;
  118.     }
  119.     
  120. form {
  121.     margin: 0;
  122.     }
  123.     
  124. button {
  125.     margin: 3px 0 10px 0;
  126.     }
  127.     
  128. /* lists */
  129. ul    {
  130.     list-style: square outside;
  131.     margin: 0 0 0 30px;
  132.     padding: 0 0 1em 0;
  133.     }
  134.  
  135. li    {
  136.     margin-top: 3px;
  137.     }
  138.     
  139. ul ul {
  140.     margin-left: 40px;
  141.     }
  142.     
  143. ul.compressed {
  144.     margin-top: -10px;
  145.     }
  146.     
  147. ul.compressed li {
  148.     margin-top: 0;
  149.     }
  150.  
  151. ul.marketing {
  152.     padding-left: 0;
  153.     margin: 0 0 16px 0;
  154.     }
  155.     
  156. ul.marketing li    {
  157.     margin-top: 0;
  158.     margin-left: 0;
  159.     margin-bottom: 2px;
  160.     font-size: 10px;
  161.     }
  162.     
  163. ol {
  164.     margin: 0 0 10px 1.5em;
  165.     padding-left: 1.5em;
  166.     }
  167.  
  168. ul.inline, ol.inline, p.inline {
  169.     margin-top: -7px;
  170.     }
  171.     
  172. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  173.     margin-top: 0;
  174.     }
  175.  
  176. ol.faq li {
  177.     font-weight: bold;
  178.     }
  179.     
  180. ol.steps li {
  181.     font-weight: bold;
  182.     }
  183.     
  184. ul.nav {
  185.     margin: 8px 0 0;
  186.     padding: 0;
  187.     list-style-type: none;
  188.     }
  189.  
  190. ul.nav li {
  191.     margin-top: 4px;
  192.     padding-left: 0;
  193.     }
  194.     
  195. /* images */
  196. .leftinline {
  197.     margin: 0 10px 5px 0;
  198.     }
  199.  
  200. .rightinline {
  201.     margin: 0 0 5px 10px;
  202.     }
  203.  
  204.  
  205. /* tables */
  206. .bumblebee {
  207.     border-top: 1px solid #919699;
  208.     border-left: 1px solid #919699;
  209.     border-right: 1px solid #919699;
  210.     }
  211.  
  212. .bumblebee td {
  213.     padding: 10px;
  214.     font-size: 10px;
  215.     }
  216.     
  217. .bumblebee th {
  218.     padding: 6px 10px 6px 10px;
  219.     font-size: 10px;
  220.     }
  221.  
  222. .bumblebee th {
  223.     background: #7E91A4;
  224.     color: #FFF;
  225.     }
  226.  
  227. .bumblebee td {
  228.     border-bottom: 1px solid #919699;
  229.     text-align: left;
  230.     vertical-align: top;
  231.     }
  232.  
  233. .bumblebeeblue {
  234.     background: #F0F5F9;
  235.     }
  236.  
  237. .bumblebeewhite {
  238.     background: #FFF;
  239.     }
  240.     
  241. .bumblebee .bumblebeeblue td.sortcolumn {
  242.     background: #DCE5EE;
  243.     }
  244.     
  245. .bumblebee .bumblebeewhite td.sortcolumn {
  246.     background: #F5F5F5;
  247.     }
  248.     
  249. .bumblebee th.sortcolumn {
  250.     background: #334455;
  251.     }
  252.     
  253. .bumblebeetop {
  254.     border-top: 1px solid #919699;
  255.     border-left: 1px solid #919699;
  256.     border-right: 1px solid #919699;
  257.     background: #E2E2E2;
  258.     }
  259.     
  260. .bumblebeetop td{
  261.     padding: 10px;
  262.     }
  263.  
  264. td.middle, th.middle {
  265.     vertical-align: middle;
  266.     }
  267.     
  268. td.top, th.top {
  269.     vertical-align: top;
  270.     }
  271.     
  272. td.bottom, th.bottom {
  273.     vertical-align: bottom;
  274.     }
  275.     
  276. td.center, th.center {
  277.     text-align: center;
  278.     }
  279.     
  280. td.right, th.right {
  281.     text-align: right;
  282.     }
  283.     
  284. .smalltable td p {
  285.     font-size: 11px;
  286.     }
  287.  
  288.     
  289. .graybox {
  290.     border-top: 1px solid #919699;
  291.     border-left: 1px solid #919699;
  292.     margin-bottom: 10px;
  293.     }
  294.     
  295. .graybox th {
  296.     padding: 4px 8px 4px 8px;
  297.     background: #E2E2E2;
  298.     font-size: 12px;
  299.     font-weight: bold;
  300.     border-bottom: 1px solid #919699;
  301.     border-right: 1px solid #919699;
  302.     }
  303.     
  304. .graybox td {
  305.     padding: 8px;
  306.     font-size: 12px;
  307.     text-align: left;
  308.     vertical-align: top;
  309.     border-bottom: 1px solid #919699;
  310.     border-right: 1px solid #919699;
  311.     }
  312.     
  313. .graybox table td {
  314.     border: none;
  315.     padding: 0;
  316.     vertical-align: middle;
  317.     }
  318.  
  319. .marketingbox {
  320.     width: 100%;
  321.     border: 1px solid #a1a5a9;
  322.     }
  323.  
  324. .marketingbox th {
  325.     padding: 4px 8px 4px 8px;
  326.     background: #C83808;
  327.     font-size: 12px;
  328.     font-weight: bold;
  329.     color: #FFF;
  330.     }
  331.  
  332. .marketingbox td {
  333.     padding: 8px 8px 0 8px;
  334.     text-align: left;
  335.     vertical-align: top;
  336.     }
  337.     
  338. .documentationtable {
  339.     border: none;
  340.     }
  341.  
  342. .documentationtable td {
  343.     border-bottom: 1px solid #919699;
  344.     text-align: left;
  345.     vertical-align: top;
  346.     padding: 5px 0 10px 0;
  347.     }
  348.     
  349. .documentationtable .bottom{
  350.     border: 0;
  351.     }
  352.         
  353. .businesstable {
  354.     border: none;
  355.     }
  356.  
  357. .businesstable td {
  358.     text-align: left;
  359.     font-size: 10px;
  360.     vertical-align: top;
  361.     padding: 5px 0 10px 0;
  362.     }
  363.     
  364. .documentationtable p {
  365.     font-size: 10px;
  366.     }
  367.  
  368.  
  369. /* rounded corner tables */
  370. .bigboxtop {
  371.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  372.     }
  373.  
  374. .bigboxleft {
  375.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  376.     }
  377.  
  378. .bigboxright {
  379.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  380.     }
  381.  
  382. .bigboxbottom {
  383.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  384.     }
  385.     
  386. .boxtop {
  387.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  388.     }
  389.  
  390. .boxleft {
  391.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  392.     }
  393.  
  394. .boxright {
  395.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  396.     }
  397.  
  398. .boxbottom {
  399.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  400.     }
  401.  
  402.  
  403. /* general classes */
  404. .contentpadding {
  405.     padding: 0 10px;
  406.     }
  407.     
  408. .smalltext {
  409.     font-size: 10px;
  410.     }
  411.     
  412. .blueheader {
  413.     color: #FFF;
  414.     background: #7E91A4;
  415.     padding: 3px 0 3px 7px;
  416.     }
  417.  
  418. .sourcecodebox {
  419.     border: 1px solid #c7cfd5;
  420.     background: #f1f5f9;
  421.     margin: 20px 0;
  422.     padding: 15px;
  423.     text-align: left;
  424.     }
  425.     
  426. .notebox {
  427.     border: 1px solid #a1a5a9;
  428.     background: #e8e8e8;
  429.     margin: 20px 0;
  430.     padding: 15px;
  431.     text-align: left;
  432.     } 
  433.     
  434. .gray {
  435.     color: #787c7f;
  436.     }
  437.     
  438. #footnote h3, #footnote p {
  439.     color: #76797C;
  440.     font-size: 11px;
  441.     }
  442.  
  443. .footnote {
  444.     font-size: 11px;
  445.     color: #76797C;
  446.     }
  447.     
  448. .editorial {
  449.     font-style: italic;
  450.     margin: 20px 0;
  451.     }
  452.     
  453. .libindex {
  454.     border-bottom: 1px solid #939393;
  455.     padding: 0 3px;
  456.     background-color: #DADADA;
  457.     margin: 0 1px;
  458.     }
  459.  
  460. /* forms */
  461. #forms input {
  462.     vertical-align: middle;
  463.     padding: 0;
  464.     margin: 0 0 5px 0;
  465.     }
  466.  
  467. #forms select {
  468.     vertical-align: middle;
  469.     padding: 0;
  470.     margin: 0 0 3px 0;
  471.     }
  472.  
  473. #forms .widefield, #advsearch .widefield {
  474.     width: 98%;
  475.     margin-bottom: 5px;
  476.     }
  477.  
  478. #forms .halffield {
  479.     width: 50%;
  480.     margin-bottom: 5px;
  481.     }
  482.  
  483. #forms .extraspace {
  484.     padding-bottom: 8px;
  485.     }
  486.  
  487. #forms .quarterfield {
  488.     width: 25%;
  489.     margin-bottom: 5px;
  490.     }
  491.     
  492. #forms .inputbutton, #advsearch .inputbutton {
  493.     margin: 5px 0 10px 0;
  494.     border: 0;
  495.     }
  496.     
  497. #forms .checkbox, #advsearch .checkbox {
  498.     margin: 0 5px 0 0;
  499.     vertical-align: baseline;
  500.     }
  501.     
  502. #forms .radio {
  503.     margin: 0 5px 0 0;
  504.     vertical-align: baseline;
  505.     }
  506.     
  507. #forms textarea {
  508.     margin: 0 0 10px 0;
  509.     width: 100%;
  510.     }
  511.     
  512. #forms p {
  513.     margin-top: 7px;
  514.     }
  515.     
  516. #forms .buttonlists {
  517.     line-height: 20px;
  518.     }
  519.     
  520. #forms .buttondescription {
  521.     line-height: 15px;
  522.     margin: -10px 10px 5px 20px;
  523.     font-size: 10px;
  524.     }
  525.  
  526.  
  527. /* header */
  528. #adcnavheader td {
  529.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  530.     }
  531.  
  532. #adcnavheader input {
  533.     margin: 0 3px 0 0;
  534.     padding: 0;
  535.     }
  536.  
  537. #adcnavheader .textpadding {
  538.     padding-top: 2px;
  539.     vertical-align: middle;
  540.     }
  541.     
  542. #adcnavheader .searchbutton {
  543.     border: 0;
  544.     }
  545.  
  546.  
  547. /* breadcrumb */
  548. #breadcrumb td {
  549.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  550.     }
  551.  
  552. #breadcrumb form {
  553.     margin: 0;
  554.     }
  555.     
  556. #breadcrumb select {
  557.     vertical-align:  middle;
  558.     }
  559.  
  560.  
  561. /* sidebar */
  562. #sidebar h2 {
  563.     font-size: 12px;
  564.     }
  565.     
  566. #sidebar h3, #sidebar h4 {
  567.     font-size: 12px;
  568.     }
  569.     
  570. #sidebar p, #sidebar ol, #sidebar ul {
  571.     font-size: 11px;
  572.     }
  573.  
  574. #sidebar ul {
  575.     margin-left: 16px;
  576.     padding-left: 0;
  577.     }
  578.  
  579. #sidebar li {
  580.     font-size: 11px;
  581.     margin-top: 2px;
  582.     }
  583.     
  584. #sidebar ul.nav {
  585.     margin-top: 8px;
  586.     margin-bottom: 0;
  587.     }
  588.  
  589. #sidebar ul.nav li {
  590.     margin-top: 4px;
  591.     padding-left: 0;
  592.     background: none;
  593.     }
  594.  
  595. /* footer */
  596. #footer td, #footer p {
  597.     font-size: 10px;
  598.     }
  599.     
  600. .footerbreadcrumb {
  601.     font-size: 10px;
  602.     }
  603.  
  604. /* 404 page definitions*/
  605. #notfound h2 {
  606.     font-size: 12px;
  607.     }
  608.     
  609. #notfound h3, #notfound h4 {
  610.     font-size: 12px;
  611.     }
  612.     
  613. #notfound p, #notfound ul {
  614.     font-size: 10px;
  615.     }
  616.  
  617. #notfound ul {
  618.     margin: 0 0 15px 0;
  619.     padding-left: 0;
  620.     list-style-type: none;
  621.     }
  622.  
  623. #notfound ul li {
  624.     font-size: 10px;
  625.     margin: 3px 0 0 0;
  626.     padding-left: 0;
  627.     background: none;
  628.     }
  629.     
  630. #notfound ul ul {
  631.     margin-top: 0;
  632.     margin-left: 16px;
  633.     list-style: square outside;
  634.     }
  635.  
  636. #notfound ul ul li {
  637.     margin-left: 0;
  638.     padding-left: 0;
  639.     }
  640.  
  641. li.sectionbreak {
  642.     margin-bottom: 15px;
  643.     }
  644.  
  645. /* advanced search */
  646. #advsearch h4 {
  647.     margin-bottom: 10px;
  648.     }
  649.     
  650. #advsearch p {
  651.     line-height: 20px;
  652.     }
  653.     
  654. /* contact page */
  655. .iconlinks td {
  656.     font-size: 11px;
  657.     }
  658.     
  659. /* search results */
  660. .boxtop7e91a4 {
  661.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  662.     }
  663.  
  664. .boxtopleft7e91a4 {
  665.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  666.     }
  667.  
  668. .boxtopright7e91a4 {
  669.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  670.     }
  671.  
  672. .boxbottom7e91a4 {
  673.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  674.     }
  675.  
  676. .filesize {
  677.     color: #7F8285;
  678.     }
  679.  
  680. tr.results th, tr.results td {
  681.     font-size: 12px;
  682.     color: #FFF;
  683.     background-color: #7e91a4;
  684.     font-weight: normal;
  685.     }
  686.  
  687. tr.results a {
  688.     color: #FFF;
  689.     font-weight: bold;
  690.     }
  691.     
  692. .oddrow {
  693.     background-color: #ffffff;
  694.     }
  695.     
  696. .evenrow {
  697.     background-color: #f0f5f9;
  698.     }
  699.  
  700. /* software licensing descriptions */
  701. .swlleftrule {
  702.     border-left: 1px solid #A1A5A9;
  703.     padding-left: 10px;
  704.     padding-right: 10px;
  705.     }    
  706.  
  707. .swlsidebar {
  708.     padding-right: 10px;
  709.     }
  710.  
  711. /* narrative */
  712. #narrative blockquote {
  713.     margin: 0 20px 10px 20px;
  714.     color: #3972B8;
  715.     }
  716.  
  717. #narrative .pullquote {
  718.     font-size: 17px;
  719.     color: #FFF;
  720.     padding: 8px;
  721.     background-color: #3972B8;
  722.     border: 1px solid #000;
  723.     }
  724.     
  725. #narrative.color779D90 blockquote {
  726.     color: #779D90;
  727.     }
  728.     
  729. #narrative.color779D90 .pullquote {
  730.     background-color: #779D90;
  731.     }
  732.  
  733. #narrative.color3C6E6E blockquote {
  734.     color: #3C6E6E;
  735.     }
  736.     
  737. #narrative.color3C6E6E .pullquote {
  738.     background-color: #3C6E6E;
  739.     }
  740.  
  741. #narrative.color6D8042 blockquote {
  742.     color: #6D8042;
  743.     }
  744.     
  745. #narrative.color6D8042 .pullquote {
  746.     background-color: #6D8042;
  747.     }
  748.  
  749. #narrative.color3E583D blockquote {
  750.     color: #3E583D;
  751.     }
  752.     
  753. #narrative.color3E583D .pullquote {
  754.     background-color: #3E583D;
  755.     }
  756.  
  757. #narrative.color9AB0C5 blockquote {
  758.     color: #9AB0C5;
  759.     }
  760.     
  761. #narrative.color9AB0C5 .pullquote {
  762.     background-color: #9AB0C5;
  763.     }
  764.  
  765. #narrative.color3972B8 blockquote {
  766.     color: #3972B8;
  767.     }
  768.     
  769. #narrative.color3972B8 .pullquote {
  770.     background-color: #3972B8;
  771.     }
  772.  
  773. #narrative.color3C6C9D blockquote {
  774.     color: #3C6C9D;
  775.     }
  776.     
  777. #narrative.color3C6C9D .pullquote {
  778.     background-color: #3C6C9D;
  779.     }
  780.  
  781. #narrative.color7A6B94 blockquote {
  782.     color: #7A6B94;
  783.     }
  784.     
  785. #narrative.color7A6B94 .pullquote {
  786.     background-color: #7A6B94;
  787.     }
  788.     
  789. #narrative.color50395C blockquote {
  790.     color: #50395C;
  791.     }
  792.     
  793. #narrative.color50395C .pullquote {
  794.     background-color: #50395C;
  795.     }
  796.     
  797. #narrative.color812A28 blockquote {
  798.     color: #812A28;
  799.     }
  800.     
  801. #narrative.color812A28 .pullquote {
  802.     background-color: #812A28;
  803.     }
  804.  
  805.     
  806.     
  807. /* source code */
  808. #scdetails p {
  809.     line-height: 17px;
  810.     }
  811.     
  812. #scdetails select {
  813.     vertical-align: middle;
  814.     padding: 0;
  815.     margin: 0;
  816.     }
  817.     
  818. #scdetails input {
  819.     vertical-align: middle;
  820.     padding: 0;
  821.     margin: 0;
  822.     }
  823.  
  824.  
  825.  
  826. /* --------------- styles from before 12-01-2003 ---------------- */
  827.  
  828. /* home page */
  829. #articlehead {
  830.     font-weight: bold;
  831.     font-size: 12px;
  832.     color: #000; 
  833.     }
  834.  
  835. #linklisthead {
  836.     font-weight: bold;
  837.     font-size: 12px;
  838.     color: #000; 
  839.     }
  840.  
  841. #sectionhead {
  842.     font-weight: bold;
  843.     font-size: 14px;
  844.     color: #000; 
  845.     }
  846.  
  847. #sectionsubhead {
  848.     font-weight: bold;
  849.     font-size: 12px;
  850.     color: #000; 
  851.     }
  852.  
  853. #sectionheadorange {
  854.     font-weight: bold;
  855.     font-size: 14px;
  856.     color: #db3700; 
  857.     }
  858.  
  859. #resources {
  860.     margin-bottom: 3px;
  861.     font-weight: normal;
  862.     font-size: 10px; 
  863.     }
  864.  
  865. .membership_bullets {
  866.     color: #ffffff;
  867.     font-weight: normal;
  868.     font-size: 10px; 
  869.     }
  870.  
  871.  
  872. /* glossary page styles */
  873. #glossary_header { 
  874.     font-size: 12px;
  875.     font-weight: bold; 
  876.     }
  877.  
  878. #glossary_header_letter { 
  879.     font-size: 14px;
  880.     font-weight: bold; 
  881.     }
  882.  
  883.  
  884. /* form class, removes whitespace browsers use by default with forms */
  885. #form {
  886.     margin: 0;
  887.     }
  888.  
  889.  
  890. /* paragraph describing page located just below the black text page title */
  891. #paragraph_description {
  892.     font-size: 12px;
  893.     }
  894.  
  895.  
  896. /* rate this page feedback form styles */
  897. #feedback_bull {
  898.     font-size: 10px;
  899.     color: #ffffff;
  900.     text-align: center;
  901.     }
  902.  
  903. #feedback_text {
  904.     font-size: 10px;
  905.     color: #000;
  906.     }
  907.  
  908. #radio_help {
  909.     text-align: center;
  910.     padding-top: 4px;
  911.     }
  912.  
  913. #radio_easy {
  914.     text-align: center;
  915.     padding-bottom: 4px;
  916.     }
  917.  
  918.  
  919. /* search results box styles */
  920. #results_cell_first { 
  921.     border-top: 1px #a2a6a9 solid;
  922.     border-left: 1px #a2a6a9 solid; 
  923.     }
  924.  
  925. #results_cell_title {
  926.     padding-top: 10px;
  927.     padding-bottom: 10px;
  928.     border-top: 1px #a2a6a9 solid;
  929.     padding-right: 6px;
  930.     font-size: 12px;
  931.     font-weight: bold;
  932.     vertical-align: top;
  933.     }
  934.  
  935. #results_cell_other {
  936.     padding-top: 10px;
  937.     padding-bottom: 10px;
  938.     border-top: 1px #a2a6a9 solid;
  939.     padding-left: 6px;
  940.     padding-right: 6px;
  941.     vertical-align: top;
  942.     }
  943.  
  944. #results_cell_date {
  945.     padding-top: 10px;
  946.     padding-bottom: 10px;
  947.     border-top: 1px #a2a6a9 solid;
  948.     padding-left: 4px;
  949.     vertical-align: top;
  950.     }
  951.  
  952. #results_cell_last {
  953.     border-top: 1px #a2a6a9 solid;
  954.     border-right: 1px #a2a6a9 solid;
  955.     }
  956.  
  957. .results_description { 
  958.     font-size: 10px;
  959.     font-weight: normal;
  960.     }
  961.  
  962.  
  963.  
  964. /* apple script (or any other reference library page) styles */
  965. #header { 
  966.     font-size: 12px;
  967.     font-weight: bold;
  968.     }
  969.  
  970. #link_header {
  971.     font-size: 10px;
  972.     font-weight: bold;
  973.     }
  974.  
  975. #blue_header {
  976.     font-size: 12px;
  977.     font-weight: bold;
  978.     color: #000099;
  979.     }
  980.  
  981. #td_left_line {
  982.     border-left: 1px #555555;
  983.     }
  984.  
  985.  
  986. /* co marketing styles */
  987. #icon_cell {
  988.     height: 93px;
  989.     text-align: center;
  990.     }
  991.  
  992. #detail_header {
  993.     text-align: center;
  994.     background: #6d7f95;
  995.     color: #ffffff;
  996.     font-family: verdana;
  997.     font-weight: bold;
  998.     font-size: 10px;
  999.     }
  1000.  
  1001. #vendor_bullet {
  1002.     color: #696969;
  1003.     }
  1004.  
  1005. #comarket_paragraph {
  1006.     color: #696969;
  1007.     font-size: 12px;
  1008.     }
  1009.  
  1010. #vendor_detail {
  1011.     font-size: 12px;
  1012.     }
  1013.  
  1014. #vendor_contact {
  1015.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1016.     font-size: 10px;
  1017.     }
  1018.  
  1019. #detail_heading {
  1020.     font-weight: bold;
  1021.     }
  1022.  
  1023. #detail_copy {
  1024.     font-size: 12px;
  1025.     }
  1026.  
  1027. #discount_box_header {
  1028.     color: #ffffff;
  1029.     font-weight: bold;
  1030.     }
  1031.  
  1032. #discount_box_copy {
  1033.     font-size: 12px;
  1034.     }
  1035.  
  1036. #photo_table_copy {
  1037.     color: #7d7d7d;
  1038.     font-size: 10px;
  1039.     }
  1040.  
  1041.  
  1042.  
  1043. /*narrative styles */
  1044. #narrative_paragraph {
  1045.     color: #696969;
  1046.     font-size: 14px;
  1047.     }
  1048.  
  1049. #narrative_header {
  1050.     font-size: 13px;
  1051.     font-weight: bold;
  1052.     }
  1053.  
  1054. #narrative_content {
  1055.     font-size: 12px;
  1056.     vertical-align: top;
  1057.     }
  1058.  
  1059. #pic_box_text {
  1060.     color: #878787;
  1061.     line-height: 11px;
  1062.     font-size: 11px; 
  1063.     }
  1064.  
  1065. #red_copy {
  1066.     color: #7f0f0b;
  1067.     padding-left: 15px;
  1068.     }
  1069.  
  1070. #blue_copy {
  1071.     color: #466c9b;
  1072.     padding-left: 15px;
  1073.     }
  1074.  
  1075. #green_copy {
  1076.     color: #3b636f;
  1077.     padding-left: 15px;
  1078.     }
  1079.  
  1080. #purple_copy {
  1081.     color: #665588;
  1082.     padding-left: 15px;
  1083.     }
  1084.  
  1085. #gray_copy {
  1086.     color: #787c7f;
  1087.     padding-left: 15px;
  1088.     }
  1089.  
  1090. #pager {
  1091.     color: #76797c;
  1092.     }
  1093.  
  1094.  
  1095.  
  1096. /* frameset: table of contents frame */
  1097. #toc_contents_text {
  1098.     font-size: 12px;
  1099.     color: #0000ff;
  1100.     }
  1101.  
  1102. #toc_contents_text_open {
  1103.     font-size: 12px;
  1104.     background: #ffffff;
  1105.     color: #0000ff;
  1106.     }
  1107.  
  1108. #low_level_text {
  1109.     font-size: 10px;
  1110.     color: #0000ff;
  1111.     }
  1112.  
  1113. #low_level_text_on {
  1114.     font-size: 10px;
  1115.     color: #0000ff;
  1116.     }
  1117.  
  1118. #top_level_open {
  1119.     background: #ffffff;
  1120.     }
  1121.  
  1122. #third_level {
  1123.     background: #ffffff;
  1124.     }
  1125.  
  1126. #toc_contents_title {
  1127.     font-size: 14px;
  1128.     color: #ffffff;
  1129.     font-weight: bold;
  1130.     }
  1131.  
  1132. #toc_contents_heading {
  1133.     font-size: 12px;
  1134.     font-weight: bold;
  1135.     }
  1136.  
  1137.  
  1138.  
  1139. /* frameset: content frame */
  1140. #content_text {
  1141.     font-size: 12px;
  1142.     font-weight: normal;
  1143.     }
  1144.  
  1145.  
  1146. /* frameset: page title */
  1147. #page_title {
  1148.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1149.     font-size: 36px;
  1150.     font-weight: bold;
  1151.     color: #000;
  1152.     }
  1153.  
  1154.  
  1155. /* frameset: unordered list */
  1156. ul .content {
  1157.     font-size: 12px; 
  1158.     }
  1159.  
  1160.  
  1161. /* product line styles */
  1162. #product_line_list {
  1163.     font-size: 10px; 
  1164.     }
  1165.  
  1166. #product_line_bullet {
  1167.     font-size: 10px;
  1168.     vertical-align: top;
  1169.     color: #0000ff;
  1170.     }
  1171.  
  1172.  
  1173.  
  1174. /* technical note classes */
  1175. #important_note {
  1176.     background: #e2e2e2;
  1177.     border: 1px solid #cccccc;
  1178.     }
  1179. #page_contents {
  1180.     font-size: 12px; line-height: 20px; color: #0000ff;
  1181.     }
  1182.  
  1183. #tech_content {
  1184.     font-size: 12px;
  1185.     }
  1186.  
  1187. #tech_header {
  1188.     font-size: 14px;
  1189.     font-weight: bold;
  1190.     }
  1191.  
  1192. #tech_subhead {
  1193.     font-size: 12px;
  1194.     font-weight: bold;
  1195.     }
  1196.  
  1197. #tech_list {
  1198.     font-size: 12px;
  1199.     padding-bottom: 9px;
  1200.     }
  1201.  
  1202. #source_code_box {
  1203.     border: 1px solid #c7cfd5;
  1204.     background: #f1f5f9; 
  1205.     }
  1206.  
  1207. #source_code {
  1208.     font-family: monaco, courier, monospace;
  1209.     font-size: 10px;
  1210.     margin-bottom: 0;
  1211.     padding: 12px;
  1212.     }
  1213.  
  1214. #example_title {
  1215.     font-size: 10px;
  1216.     margin-bottom: 5px;
  1217.     color: #28333b;
  1218.     }
  1219.  
  1220. #example_table_header {
  1221.     font-weight: bold;
  1222.     background: #c7cfd5; 
  1223.     }
  1224.  
  1225. #example_table_cell {
  1226.     border: 1px #c7cfd5 solid;
  1227.     background: #f1f5f9;
  1228.     vertical-align: top;
  1229.     font-size: 12px;
  1230.     }
  1231.  
  1232. #download_cell_1 {
  1233.     background: #f6f6f6;
  1234.     font-size: 11px;
  1235.     padding-top: 2px;
  1236.     padding-bottom: 2px;
  1237.     padding-left: 2px;
  1238.     border-left: 1px solid #e6e6e6;
  1239.     border-top: 1px solid #e6e6e6;
  1240.     border-bottom: 1px solid #e6e6e6;
  1241.     }
  1242.  
  1243. #download_cell_2 {
  1244.     background: #f6f6f6;
  1245.     font-size: 10px;
  1246.     padding-top: 2px;
  1247.     padding-bottom: 2px; 
  1248.     border-top: 1px solid #e6e6e6;
  1249.     border-bottom: 1px solid #e6e6e6;
  1250.     }
  1251.  
  1252. #download_cell_3 {
  1253.     background: #f6f6f6;
  1254.     font-size: 10px;
  1255.     padding-top: 2px;
  1256.     padding-bottom: 2px;
  1257.     padding-right: 2px;
  1258.     border-right: 1px solid #e6e6e6;
  1259.     border-top: 1px solid #e6e6e6;
  1260.     border-bottom: 1px solid #e6e6e6;
  1261.     }
  1262.  
  1263. #download_content {
  1264.     font-size: 12px;
  1265.     vertical-align: middle;
  1266.     }
  1267.  
  1268. #download_link {
  1269.     font-size: 10px;
  1270.     vertical-align: middle;
  1271.     }
  1272.  
  1273. #back_to_top {
  1274.     font-size: 10px; 
  1275.     }
  1276.  
  1277.  
  1278.  
  1279. /* membership overview styles */
  1280. #member_header {
  1281.     text-align: left;
  1282.     font-family: verdana;
  1283.     font-weight: bold;
  1284.     font-size: 10px;
  1285.     color: #ffffff; 
  1286.     }
  1287.  
  1288. #member_category {
  1289.     text-align: center;
  1290.     border-left: 1px #ffffff solid;
  1291.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1292.     font-weight: bold;
  1293.     font-size: 10px;
  1294.     color: #ffffff;
  1295.     }
  1296.  
  1297. #white_row {
  1298.     background: #ffffff;
  1299.     }
  1300.  
  1301. #blue_row {
  1302.     background: #f0f5f9;
  1303.     }
  1304.  
  1305. #spacer_row {
  1306.     border-right: 1px solid #a2a6a9;
  1307.     border-left: 1px solid #a2a6a9;
  1308.     }
  1309.  
  1310. #left_border {
  1311.     border-left: 1px solid #a2a6a9;
  1312.     }
  1313.  
  1314. #right_border {
  1315.     border-right: 1px solid #a2a6a9;
  1316.     text-align: center;
  1317.     vertical-align: middle;
  1318.     }
  1319. #gray_line {
  1320.     border-right: 1px solid #a2a6a9;
  1321.     border-left: 1px solid #a2a6a9;
  1322.     background: #a2a6a9;
  1323.     }
  1324.  
  1325. #dot_cell {
  1326.     text-align: center;
  1327.     vertical-align: middle;
  1328.     }
  1329.  
  1330. #fine_print {
  1331.     vertical-align: top;
  1332.     font-size: 11px;
  1333.     color: #5f5f5f;
  1334.     }
  1335.  
  1336. #pricing {
  1337.     font-size: 12px;
  1338.     }
  1339.  
  1340.  
  1341.  
  1342.  
  1343. /* sample code classes */
  1344. #right_content {
  1345.     text-align: right;
  1346.     font-size: 12px;
  1347.     }
  1348.  
  1349. #sc_content {
  1350.     font-size: 12px;
  1351.     }
  1352.  
  1353.  
  1354. /* mac os x architecture diagram */
  1355. #archtext {
  1356.     font-size: 11px;
  1357.     color: #333;
  1358.     text-decoration: none;
  1359.     line-height: 15px;
  1360.     }
  1361.  
  1362. #topborder {
  1363.     border-top: 1px solid #999;
  1364.     }
  1365.  
  1366. #greylist {
  1367.     line-height: 16px;
  1368.     color: #333;
  1369.     margin-top: 12px;
  1370.     }
  1371.  
  1372. #archtitle {
  1373.     font-size: 12px;
  1374.     color: #000;
  1375.     text-decoration: none;
  1376.     font-weight: bold;
  1377.     }
  1378.  
  1379. #description {
  1380.     font-size: 11px;
  1381.     color: #333;
  1382.     text-decoration: none;
  1383.     line-height: 15px;
  1384.     }
  1385.  
  1386. .archtitle {
  1387.     font-size: 12px;
  1388.     color: #000;
  1389.     text-decoration: none;
  1390.     font-weight: bold;
  1391.     }
  1392.  
  1393.  
  1394.  
  1395. /* original apple css items (unused at this time) */
  1396. /* ---------------------------------------------- */
  1397.  
  1398. h1 {
  1399.     font-weight: bold; font-size: 18px; 
  1400.     }
  1401.  
  1402. #text {
  1403.     font-size: 10px;  line-height: 16px;
  1404.     }
  1405.  
  1406.  
  1407. #bodytext {
  1408.     font-size: 10px; 
  1409.     }
  1410. #bodytextlarge {
  1411.     font-size: 12px; 
  1412.     }
  1413. #bodytitle {
  1414.     font-weight: bold; font-size: 10px; 
  1415.     }
  1416. #bodytitlelarge2 {
  1417.     font-weight: bold; font-size: 12px; 
  1418.     }
  1419. #bodytitlelarge {
  1420.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1421.     }
  1422. #bodytitleextralarge {
  1423.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1424.     }
  1425. #callout {
  1426.     font-weight: bold; font-size: 14px; color: #737373; 
  1427.     }
  1428. #calloutsubitem {
  1429.     font-size: 10px; color: #666666; 
  1430.     }
  1431. #resourcetitle {
  1432.     font-weight: bold; font-size: 10px; 
  1433.     }
  1434. #resourcetext {
  1435.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1436.     }
  1437. #resourcehead {
  1438.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1439.     }
  1440. #mkt {
  1441.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1442.     }
  1443. #mkt2 {
  1444.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1445.     }
  1446. #breadcrumb {
  1447.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1448.     }
  1449. #breadcrumblocation {
  1450.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1451.     }
  1452. #menutitle {
  1453.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1454.     }
  1455. #menutext {
  1456.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1457.     }
  1458. #source {
  1459.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1460.     }
  1461.